<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表单</title>
	<style type="text/css">
		textarea{
			width: 30px;
			height: 60px;
			/*行属性标签   转换为块属性标签*/
			display: block;
		}
	</style>
</head>
<body>
	<!-- form 表单（表单域），用来提交表单中的数据给后台； -->
	<!-- action 告诉后台需要提交的网址；
	网络请求方式：get和post请求； 
	get和post请求的区别：
	get 请求效率高，但是有长度限制；
	post 请求安全性高，没有长度限制；-->
	<h1>请求方式1</h1>
	<form action="http://baidu.com" method="post">
		<input type="text" name="" id="" value="" placeholder="请输入你的网址" />
		<input type="submit" value="提交"/>
	</form>
	<h1>请求方式2</h1>
	<form action="http://baidu.com" method="get">
		<input type="text" name="" id="" value="" placeholder="请输入你的网址" />
		<input type="submit" value="提交"/>
	</form>
	
	<h1>用户登录</h1>
	
	<form action="http://baidu.com" method="post">
		<!-- name用来提交数据给后台的字段 
		注意：后台需要什么标签的数据，就在那个标签里设置name的值。 -->
		用户名：<input type="text" name="userName" value="" placeholder="请输入用户名" />
		<br />
		密码：<input type="password" name="password" value="" />
		
		
		
		<!--下拉菜单-->
		<!-- 下拉菜单  
			当设置下拉菜单name值为sex时，则当点击登录按钮时，获取到的数据是选项值对应的value值；
			option标签里的内容是展示在界面上，value是提交给后台的；
			例如：我们选择的是男，女，后台得到的数据分别是value=1，value=2；
		 -->
		<select name="sex">
			<option value="0">请选择</option>
			<option value="1">男</option>
			<option value="2">女</option>
		</select>
		<!--select>option*3-->
		
		<!-- 单选框 
			必要条件:
			1.type为radio;
			2.name值一致；-->
		
		<br />
		学历：
		<input type="radio" name="edu" id="" value="0" />初中
		<input type="radio" name="edu" id="" value="1" />高中
		<input type="radio" name="edu" id="" value="2" />大专
		<input type="radio" name="edu" id="" value="3" />本科
		
		
		<!-- 复选框 -->
		<br />
		爱好：
		<input type="checkbox" name="hobby" id="" value="0" />唱歌
		<input type="checkbox" name="hobby" id="" value="1" />跳舞
		<input type="checkbox" name="hobby" id="" value="2" />看书
		<input type="checkbox" name="hobby" id="" value="3" />写字
		<input type="checkbox" name="hobby" id="" value="4" />敲代码
		
		
		<!--留言板-->
		<textarea name="liuYan" rows="10" cols="30" placeholder="请留言"></textarea>
		
		<!--上传文件      用label标签绑定-->
		<input type="file" name="" id="input_img" value="" />
		<label for="input_img">上传</label>
		<br />
		<input type="submit" value="提交"/>
	</form>


</body>
</html>